<template>
  <div>
    <!-- ref 是 Vue 框架封装的属性，可以用于快速获取 DOM 节点 -->
    <h1
      id="hi"
      ref="myH"
    >我是一个孤独可怜又能吃的标签</h1>
  </div>
</template>

<script>
export default {
  // 组件挂载 DOM 完毕后
  mounted() {
    // 两种写法都能获取到 DOM 结构
    console.log(document.querySelector("#hi"));
    console.log(this.$refs.myH);
  },
};
</script>

<style>
</style>